<template>
  <div class="lostfindcard">
    <van-row>
      <van-col span="17">
        <van-row type="flex" align="center">
          <van-col span="4">
            <van-image
              src="https://img.pc841.com/2018/1116/20181116114649404.jpg"
              round
              height="30px"
              width="30px"
            ></van-image>
          </van-col>
          <van-col span="16">
            <div>Craipy</div>
            <div>2020-7-11</div>
          </van-col>
        </van-row>
        <div class="name">
          <strong>校园卡</strong>
        </div>
        <p class="describe">描述信息</p>
      </van-col>
      <van-col span="7">
        <van-image
          src="https://img.pc841.com/2018/1116/20181116114649404.jpg"
          width="100px"
          height="100px"
        ></van-image>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {}
</script>

<style>
.name {
  font-size: 16px;
  text-align: center;
}
.lostfindcard {
  background-color: #fff;
  text-align: left;
  margin: 5px 10px;
  padding: 5px 10px;
  border-radius: 20px;
}
.describe {
  width: 93%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
</style>